<template>
  <div class="auth-removal-test">
    <h2>认证系统删除后功能测试</h2>
    
    <div class="test-sections">
      <div class="test-section">
        <h3>✅ 修复状态</h3>
        <ul>
          <li>✅ 企业信息页面 - 移除API依赖，使用模拟数据</li>
          <li>✅ 导航栏组件 - 移除API调用，使用默认头像</li>
          <li>✅ 错误页面 - 移除认证检查，直接跳转首页</li>
          <li>✅ CRM页面 - 移除API调用，使用默认数据</li>
          <li>✅ 系统设置页面 - 移除API调用</li>
          <li>✅ 飞书集成页面 - 移除API调用，使用默认数据</li>
          <li>✅ 用户管理页面 - 移除API调用，使用默认数据</li>
        </ul>
      </div>
      
      <div class="test-section">
        <h3>🔗 页面链接测试</h3>
        <div class="link-grid">
          <a href="/account/companyInfo" target="_blank" class="test-link">
            企业信息页面
          </a>
          <a href="/dashboard" target="_blank" class="test-link">
            仪表板页面
          </a>
          <a href="/sys/information" target="_blank" class="test-link">
            系统咨询管理
          </a>
          <a href="/sys/exchange" target="_blank" class="test-link">
            交易所管理
          </a>
          <a href="/crm/carbontrade" target="_blank" class="test-link">
            碳交易管理
          </a>
          <a href="/crm/carbondev" target="_blank" class="test-link">
            碳开发管理
          </a>
        </div>
      </div>
      
      <div class="test-section">
        <h3>📊 模拟数据预览</h3>
        <div class="data-preview">
          <h4>企业信息数据：</h4>
          <pre>{{ JSON.stringify(mockEnterpriseData, null, 2) }}</pre>
          
          <h4>用户信息数据：</h4>
          <pre>{{ JSON.stringify(mockUserData, null, 2) }}</pre>
        </div>
      </div>
      
      <div class="test-section">
        <h3>⚠️ 注意事项</h3>
        <ul>
          <li>所有页面现在都使用模拟数据，不再依赖后端API</li>
          <li>企业信息页面会显示完整的示例数据</li>
          <li>导航栏会显示默认头像和用户名</li>
          <li>所有认证相关的功能都已移除或替换为默认行为</li>
          <li>页面可以正常访问，不会出现404错误</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
import { getMockEnterpriseData, getMockUserData } from '@/utils/mockData'

export default {
  name: 'AuthRemovalTest',
  data() {
    return {
      mockEnterpriseData: getMockEnterpriseData(),
      mockUserData: getMockUserData()
    }
  }
}
</script>

<style scoped>
.auth-removal-test {
  padding: 20px;
  max-width: 1000px;
  margin: 0 auto;
}

.test-sections {
  display: grid;
  gap: 20px;
}

.test-section {
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #f9f9f9;
}

.test-section h3 {
  margin-top: 0;
  color: #333;
  border-bottom: 2px solid #409eff;
  padding-bottom: 10px;
}

.test-section ul {
  margin: 10px 0;
  padding-left: 20px;
}

.test-section li {
  margin: 5px 0;
  color: #666;
}

.link-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  margin: 15px 0;
}

.test-link {
  display: inline-block;
  background: #409eff;
  color: white;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 4px;
  text-align: center;
  transition: background 0.3s;
}

.test-link:hover {
  background: #66b1ff;
}

.data-preview {
  margin-top: 15px;
}

.data-preview h4 {
  margin: 15px 0 5px 0;
  color: #333;
}

.data-preview pre {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
  margin: 5px 0;
  font-size: 12px;
  color: #333;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 200px;
  overflow-y: auto;
}

.test-section:nth-child(1) {
  background: #f0f9ff;
  border-color: #67c23a;
}

.test-section:nth-child(2) {
  background: #fff7e6;
  border-color: #e6a23c;
}

.test-section:nth-child(3) {
  background: #f0f2f5;
  border-color: #909399;
}

.test-section:nth-child(4) {
  background: #fef0f0;
  border-color: #f56c6c;
}
</style>
